.me-badge-app{
    width: 100%;
    height: 100%;
    .top{
        width: 100%;
        padding: 20px;
        height: 135px;
        background-color: #4294FF;
        color: #fff;
        position: relative;
        .text{
            margin-top: 5px;
            p{
                font-size: 24px;
                font-weight: bold;
                align-items: flex-start;
                line-height: 30px;
                span{
                    color: #AAD9F7;
                    font-size: 20px;
                }
            }
        }
        .today{
            font-size: 16px;
            position: absolute;
            left: 60%;
            top: 30px;
            transform: translateX(-50%);
            color: #004E73;
        }
        img{
            height: 100px;
            position: absolute;
            bottom: 0px;
            right: 0px;
            opacity: .7;
        }
        .day{
            font-size: 70px;
            position: absolute;
            bottom: 15%;
            right: 20%;
        }
    }
    .content{
        justify-content: space-between;
        flex-wrap: wrap;
        padding: 20px;
        span{
            width: 110px;
            height: 145px;
            border: 1px solid red;
            margin-bottom: 10px;
        }
    }
}